﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site5.Master" AutoEventWireup="true"
    CodeBehind="Graficas.aspx.cs" Inherits="KioskosJugandoLimpio.Admin.Graficas" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
   
    <script src="../Scripts/jquery141.js"></script>
    <script src="../Scripts/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="http://www.kunalbabre.com/projects/table2CSV.js"> </script>
    <script>
        var valoresArr;
        var valoresX;
        var cantXPreg;
        var cantXPregX;
        var grupos;
        var preguntas;

        existeGrupo = function (grupo) {
            for (var i = 0; i < grupos.length; i++) {
                if (grupos[i] == grupo) {
                    return true;
                }
            }
            return false;
        }
        existePregunta = function (grupo) {
            for (var i = 0; i < preguntas.length; i++) {
                if (preguntas[i] == grupo) {
                    return true;
                }
            }
            return false;
        }
        fnSetupFlot = function () {
            cantXPreg = new Array();
            cantXPregX = new Array();
            grupos = new Array();
            preguntas = new Array();
            for (var i = 0; i < CantidadPorPregunta[0].length; i++) {
                if (!existeGrupo(CantidadPorPregunta[0][i].Grupo)) {
                    grupos.push(CantidadPorPregunta[0][i].Grupo);

                    $("#cmbGrupos").append(new Option(CantidadPorPregunta[0][i].Grupo, CantidadPorPregunta[0][i].Grupo));
                }
                if (!existePregunta(CantidadPorPregunta[0][i].Pregunta)) {
                    preguntas.push(CantidadPorPregunta[0][i].Pregunta);
                    // grupos.push(CantidadPorPregunta[0][i].Grupo);
                    $("#cmbPreguntas").append(new Option(CantidadPorPregunta[0][i].Pregunta, CantidadPorPregunta[0][i].Pregunta));
                }


            }
        }
        fnPlotcantXPreg = function () {
            cantXPreg = new Array();
            cantXPregX = new Array();
            cantXPregX.push([0, '']);
            //var cantXPregFiltrado = new Array();
            for (var i = 0; i < CantidadPorPregunta[0].length; i++) {
                if (CantidadPorPregunta[0][i].Grupo == $('#cmbGrupos').val() && CantidadPorPregunta[0][i].Pregunta == $('#cmbPreguntas').val()) {
                    cantXPreg.push([i, CantidadPorPregunta[0][i].Total]);
                    var pregunta = CantidadPorPregunta[0][i].Valor;
                    if (pregunta.length > 50) {
                        pregunta = pregunta.substring(0, 46) + "...";
                    }
                    cantXPregX.push([i, pregunta]);
                }
            }
            $.plot($('#divcantXpreg'), [{ data: cantXPreg, bars: { show: true}}], {
                xaxis: {
                    ticks: cantXPregX
                }
            });

        }
        fnPlotValores = function () {
            valoresArr = new Array();
            valoresX = new Array();
            valoresX.push([0, '']);
            for (var i = 0; i < Valores[0].length; i++) {
                if (Valores[0][i].Grupo == $('#cmbGrupos').val()) {
                    valoresArr.push([i, Valores[0][i].ValorPromedio]);
                    var pregunta = Valores[0][i].Pregunta;
                    if (pregunta.length > 50) {
                        pregunta = pregunta.substring(0, 46) + "...";
                    }
                    valoresX.push([i, pregunta]);
                }
            }
            $.plot($('#divValores'), [{ data: valoresArr, bars: { show: true}}], {
                xaxis: {
                    ticks: valoresX
                }
            });
        }
        fnAllPlot = function () {
            fnSetupFlot();

            fnPlotValores();
            fnPlotcantXPreg();
        }
    

    </script>
    <asp:LinkButton runat="server" ID="excelLink" Text="Exportar datos a excel" CssClass="hidden"></asp:LinkButton>
    Seleccione un filtro:
    <select id="cmbGrupos" onchange="fnPlotValores();">
    </select>
    <div id="divValores" style="width: 100%; height: 400px">
        &nbsp;<br />
    </div>
    Seleccione un filtro:
    <select id="cmbPreguntas" onchange="fnPlotcantXPreg();">
    </select>
    <div id="divcantXpreg" style="width: 100%; height: 400px">
        &nbsp;<br />
    </div>
</asp:Content>
